<style>
    .container {
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
    }
    .workorder_star {
        font-size: 25px;
        cursor: pointer;
    }
    @media (min-width: 768px) {
        .radio_label, .evaluate_form .n-error {
            padding-top: 7px;
        }
    }
</style>
<div class="container">
    <div id="content-container" class="container">
        <div class="row">
            <div class="col-md-3">
                {include file="common/sidenav" /}
            </div>
            <div class="col-md-9">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <h2 class="page-header">
                            评价详情
                            <a href="{:url('workorder/my')}" class="btn btn-info pull-right"><i class="fa fa-th-list"></i> 我的工单</a>
                        </h2>
                        <div class="evaluate">
                            <form action="" data-toggle="validator" id="evaluate_form" role="form" method="post" class="form-horizontal evaluate_form">
                                {:token()}
                                <input type="hidden" name="row[order_id]" value="{$row.id}"/>

                                <div class="form-group">
                                    <div class="control-label col-xs-12 col-sm-2">整体评价</div>
                                    <div class="col-xs-12 col-sm-8 workorder_star">
                                        <i class="fa fa-star text-gray"></i>
                                        <i class="fa fa-star text-gray"></i>
                                        <i class="fa fa-star text-gray"></i>
                                        <i class="fa fa-star text-gray"></i>
                                        <i class="fa fa-star text-gray"></i>
                                        <input type="hidden" data-rule="required(not, 0)" data-msg="请选择整体评价" id="row_stars" name="row[stars]" value="0"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="control-label col-xs-12 col-sm-2">问题是否解决</div>
                                    <div class="col-xs-12 col-sm-8">
                                        <label for="row[solved]-0" class="radio_label"><input id="row[solved]-0" data-rule="checked" name="row[solved]" type="radio" value="0"/> 未解决</label>
                                        <label for="row[solved]-1" class="radio_label"><input id="row[solved]-1" name="row[solved]" type="radio" value="1"/> 已解决</label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="control-label col-xs-12 col-sm-2">我要反馈</div>
                                    <div class="col-xs-12 col-sm-8">
                                        <textarea class="form-control" name="row[feedback]" id="c-feedback" rows="5"></textarea>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="control-label col-xs-12 col-sm-2"></div>
                                    <div class="col-xs-12 col-sm-8">
                                        <button type="submit" class="btn btn-success"><i class="fa fa-send"></i> 提交评价
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>